.pie{width:120px;height:120px;border-radius:50%;background:#e95549;position:relative;margin-top:20px}.pieLeftInner,.pieRightInner{width:120px;height:120px;background-color:#e5e5e5;border-radius:100px;position:absolute}.pieLeftInner{clip:rect(0,120px,120px,60px);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}.pieRightInner{clip:rect(0,60px,120px,0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}.pieLeft,.pieRight{width:120px;height:120px;position:absolute;z-index:1}.pieLeft{clip:rect(0,120px,120px,60px)}.pieRight{clip:rect(0,60px,120px,0)}.pieInner{width:80px;height:80px;margin:20px 0 0 20px;background-color:#fff;border-radius:100px;position:absolute;z-index:1;text-align:center;line-height:80px;font-size:24px;font-weight:700;color:#e25a4a;font-family:"微软雅黑","黑体"}.prograss{background:#eee;height:15px;width:80%;position:relative;border-radius:2px;margin-top:10px}.prograss .bar{background:#e95549;height:100%;width:10%;border-radius:2px 0 0 2px}.prograss_bar_yellow{background:#f8b757!important}